<template>
	<div class="time-container">
		<span> {{ msgObj.year }}年{{ msgObj.month }}月{{ msgObj.day }}日</span>
		<i class="el-icon-time"></i>
		<span>{{ msgObj.hour }}时{{ msgObj.minute }}分{{ msgObj.second }}秒</span>
	</div>
</template>

<script>
export default {
	name: 'Time',
	props: {
		msgObj: Object,
	},
}
</script>

<style lang="less" scoped>
.time-container {
	width: 100%;
	height: 40px;
	background-color: #409eff;
	color: #fff;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
</style>
